<html>
<head>
	<#assign basePath=request.contextPath>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>玩什么-tab</title>
	<#include "/WEB-INF/views/template/bootMainCss.ftl" parse=true encoding="utf-8">
	<!-- bootstrap-datetimepicker -->
	<link href="${basePath}/bootstrap/plugin/bootstrap-datetimepicker/bootstrap-datetimepicker.min.css" rel="stylesheet">
	<link href="${basePath}/bootstrap/css/form.lzy.css" rel="stylesheet">
</head>
<body>
	<div class="content-header">
		<h5>
			平台 &gt; 产品管理 &gt; <strong>产品订单</strong>
		</h5>
	</div>

	<div class="tab-switch">
		<span class="active" data-src="${basePath}/admin/order/product/-1">全部订单</span>
		<span data-src="${basePath}/admin/order/product/1">待支付</span>
		<span data-src="${basePath}/admin/order/product/2">已完结</span>
		<span data-src="${basePath}/admin/order/product/3">已关闭</span>
	</div>
	<div class="tab-switch-page">
		<iframe src="${basePath}/admin/order/product/-1"
			scrolling="no" frameborder="0" width="100%" height="100%"></iframe>
	</div>

	<#include "/WEB-INF/views/template/bootMainJs.ftl" parse=true encoding="utf-8">
<script type="text/javascript" src="${basePath}/bootstrap/js/utils.js" type="text/javascript"></script>
<script type="text/javascript">
	var H = $(window).height();
	$('.tab-switch-page').css('height', H - 120 + 'px');
	$('.tab-switch span').click(function() {
		var src = $(this).attr('data-src');
		$(this).addClass('active').siblings().removeClass('active');
		$(".tab-switch-page iframe").attr("src", src);
	})
</script>
</body>

</html>